import React from 'react'
import { NavBar, Tabs, Button } from 'antd-mobile'
import "./Flight.scss"
import { useNavigate } from 'react-router-dom'
function FightHome() {
    let navigate = useNavigate()
    const toTime = () => {
        navigate("/Time")
    }
    const toCity = () => {
        navigate("/City")
    }
    return (
        <div className='box'>
            <div>
                <NavBar>机票</NavBar>
            </div>
            <div className='box-top'>
            </div>
            <div className='box-centent'>
                <Tabs>
                    <Tabs.Tab title='单程' key='fruits'>
                        <h3 onClick={toCity}>北京 <span className='aa'>到</span><span className='bb'>目的地</span></h3>
                        <h3 onClick={toTime}>6月18日<span className='zs'>周三</span></h3>
                        <h3>经济舱</h3>
                        <Button style={{ background: "#8437d3", border: "none" }} block color='primary' size='large'>
                            查询
                        </Button>
                    </Tabs.Tab>
                    <Tabs.Tab title='往返' key='vegetables'>
                        往返
                    </Tabs.Tab>
                    <Tabs.Tab title='多程' key='animals'>
                        多程
                    </Tabs.Tab>
                </Tabs>
            </div>
        </div>
    )
}

export default FightHome
